window.onload = function(){
	bar();
	line2();
	line3();
}

function bar(){
	// 基于准备好的dom，初始化echarts实例
	var myChart1 = echarts.init(document.getElementById('main'),"macarons");
	
	// 指定图表的配置项和数据
	var option1 = {
		   legend: {},
		   tooltip: {},
		   dataset: {
			   // 用 dimensions 指定了维度的顺序。直角坐标系中，
			   // 默认把第一个维度映射到 X 轴上，第二个维度映射到 Y 轴上。
			   dimensions: ['car','accepted', 'wait'],
			   source: [
				   {car: '8:00', 'accepted': 22, 'wait': 700},
				   {car: '9:00', 'accepted': 12, 'wait': 789},
				   {car: '10:00', 'accepted': 8, 'wait': 812},
				   {car: '11:00', 'accepted': 40, 'wait': 632},
				   {car: '12:00', 'accepted': 200, 'wait': 789},
				   {car: '13:00', 'accepted': 128, 'wait': 712},
				   {car: '14:00', 'accepted': 245, 'wait': 1012},
				   {car: '15:00', 'accepted': 532, 'wait': 654},
				   {car: '16:00', 'accepted': 333, 'wait': 798},
				   {car: '17:00', 'accepted': 433, 'wait': 356},
				   {car: '18:00', 'accepted': 222, 'wait': 476},
				   {car: '19:00', 'accepted': 123, 'wait': 643},
				   {car: '20:00', 'accepted': 89, 'wait': 132},
			   ]
		   },
		   grid:{
			   width:'70%',
		   },
		   xAxis: {
			   type: 'category',
			   axisLabel: {
					interval: 0
			   }
		   },
		   yAxis: {},
		   series: [
			   {type: 'bar'},
			   {type: 'bar'}
		   ]
	};
	
	// 使用刚指定的配置项和数据显示图表。
	myChart1.setOption(option1);
}

function line2(){
	// 基于准备好的dom，初始化echarts实例
	var myChart1 = echarts.init(document.getElementById('draws1'),"macarons");
	
	// 指定图表的配置项和数据
	var option1 = {
		   legend: {},
		   tooltip: {},
		   dataset: {
			   // 用 dimensions 指定了维度的顺序。直角坐标系中，
			   // 默认把第一个维度映射到 X 轴上，第二个维度映射到 Y 轴上。
			   dimensions: ['car','accepted', 'wait'],
			   source: [
				   {car: '8:00', 'accepted': 22, 'wait': 700},
				   {car: '9:00', 'accepted': 12, 'wait': 789},
				   {car: '10:00', 'accepted': 8, 'wait': 812},
				   {car: '11:00', 'accepted': 40, 'wait': 632},
				   {car: '12:00', 'accepted': 200, 'wait': 789},
				   {car: '13:00', 'accepted': 128, 'wait': 712},
				   {car: '14:00', 'accepted': 245, 'wait': 1012},
				   {car: '15:00', 'accepted': 532, 'wait': 654},
				   {car: '16:00', 'accepted': 333, 'wait': 798},
				   {car: '17:00', 'accepted': 433, 'wait': 356},
				   {car: '18:00', 'accepted': 222, 'wait': 476},
				   {car: '19:00', 'accepted': 123, 'wait': 643},
				   {car: '20:00', 'accepted': 89, 'wait': 132},
			   ]
		   },
		   grid:{
			   width:'97%',
		   },
		   xAxis: {
			   type: 'category',
			   axisLabel: {
					interval: 0
			   }
		   },
		   yAxis: {},
		   series: [
			   {type: 'line'},
			   {type: 'line'}
		   ]
	};
	
	// 使用刚指定的配置项和数据显示图表。
	myChart1.setOption(option1);
}


function line3(){
	// 基于准备好的dom，初始化echarts实例
	var myChart1 = echarts.init(document.getElementById('draws2'),"macarons");
	
	// 指定图表的配置项和数据
	var option1 = {
		   legend: {},
		   tooltip: {},
		   dataset: {
			   // 用 dimensions 指定了维度的顺序。直角坐标系中，
			   // 默认把第一个维度映射到 X 轴上，第二个维度映射到 Y 轴上。
			   dimensions: ['car','num'],
			   source: [
				   {car: '12-1', 'num': 72},
				   {car: '12-2', 'num': 82},
				   {car: '12-3', 'num': 80},
				   {car: '12-4', 'num': 40},
				   {car: '12-5', 'num': 100},
				   {car: '12-6', 'num': 128},
				   {car: '12-7', 'num': 245},
				   {car: '12-8', 'num': 32},
				   {car: '12-9', 'num': 63},
				   {car: '12-10', 'num': 93},
				   {car: '12-11', 'num': 52},
				   {car: '12-12', 'num': 123},
				   {car: '12-13', 'num': 89},
			   ]
		   },
		   grid:{
			   width:'97%',
		   },
		   xAxis: {
			   type: 'category',
			   axisLabel: {
					interval: 0
			   }
		   },
		   yAxis: {},
		   series: [
			   {type: 'line'},
		   ]
	};
	
	// 使用刚指定的配置项和数据显示图表。
	myChart1.setOption(option1);
}